@import './base.css';
@tailwind base;
@tailwind components;
@tailwind utilities;


/* 在你的样式表中定义样式规则 */
/* .my-custom-message-box {
    width: 400px;
    height: 300px;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; /* 设置 z-index */
    /* 在这里添加你的其他自定义样式 */
    /* border: 1px solid #ccc; /* 1像素实线边框，颜色为灰色 */
    /* border-radius: 8px; 设置边框圆角，可以根据需要调整 */ 
/* }  */
  
/* 全局样式中定义样式规则 */
.el-message-box {
    /* 修改整体弹窗的样式 */
    background-color: #f0f0f0;
    color: #333;
    width: 400px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; /* 设置 z-index */
    border: 1px solid #ccc; /* 1像素实线边框，颜色为灰色 */
    border-radius: 8px; /*设置边框圆角，可以根据需要调整  */
    display: flex;
    flex-direction: column;
  }
  
  .el-message-box__header {
    /* 第一行的样式 */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  }
  
  .el-message-box__title {
    /* 修改标题文本的样式 */
    color: #409eff; /* 蓝色文字 */
    font-size: 20px; /* 字体大小 */
  }

  .el-message-box__headerbtn {
    /* 修改关闭按钮（×）的样式 */
    color: black; /* 修改颜色为黑色 */
    font-size: 20px; /* 修改字体大小 */
    cursor: pointer;
  }

  .el-message-box__message {
    /* 修改消息文本的样式 */
    color: black; /* 黑色文字 */
    font-size: 25px; /* 字体大小 */
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
  }
  
  /* 在全局样式中定义样式规则 */
.el-message-box.my-custom-message-box .el-message-box__btns {
    /* 按钮容器的样式 */
    display: flex !important; /* 使用 !important 提高优先级 */
    justify-content: flex-end; /* 将按钮容器推到右侧 */
    padding: 10px 20px 10px 10px;
  }
  